<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" version="-//W3C//DTD XHTML 1.1//EN" xml:lang="en">

<head>
    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8"/>
    <title>N.P.E.</title>
    <link rel="stylesheet" type="text/css" href="/static/styles/style.css"/>
    <link rel="stylesheet" type="text/css" href="/static/styles/jqModal.css"/>

    <script type="text/javascript" src="/static/scripts/lib/using.js"></script>
    <script type="text/javascript" src="/static/scripts/lib/jquery.min.js"></script>
    <script type="text/javascript" src="/static/scripts/lib/jqModal.js"></script>
    <script type="text/javascript" src="/static/scripts/lib/jquery.autoresize.js"></script>
    <script type="text/javascript" src="/static/scripts/lib/jquery.scrollTo-min.js"></script>
    <script type="text/javascript" src="/static/scripts/lib/jquery.limit.js"></script>
</head>
<body class="question-page">
    <div id="twocols">
        <div id="maincol">
            <div id="hat">
                <div id="header">
                    <label id="fhead" style="text-align: justify;">N.P.E.</label>
                    <input id="post-problem" type="button" style="height: 31px;vertical-align: top;" class="add-btn"
                           value="Ask Question"/>
                    <input id="view-rating" type="button" style="height: 31px;vertical-align: top;" class="add-btn"
                           value="View Rating"/>
                </div>
                <div id="hsearch">
                    <input id="query" class="search-box" placeholder="type query"
                           tabindex="1" type="text" value="" />
                    <input id="search" type="button" class="search-btn" value="Search"/>
                </div>
            </div>
            <form method="post" action="/logout"
                  class="panel" style="width: 265px;height: 20px;position: absolute;top: 5px;right: -470px;padding: 5px">
                <div class="mono" style="float: left;font-size: 12px;line-height: 18px;padding-top: 1px">
                    User: {{ user_name }}
                </div>
                <input type="submit" value="Logout" style="float: right;height: 20px"/>
            </form>
            <div id="content"></div>
        </div>
    </div>
<div style="height: 100px;width: 100%;font: left;position: absolute;top: 1900px;">
    <div class="jqmWindow" id="editor" style="width: 624px">
        <input name="cid" type="hidden" value=""/>
        <div style="background-color: #acc9d9;height: 14px;width: 100%;text-align: left;
            margin-left: -7px; margin-top: -7px;padding-right: 14px;padding-bottom: 14px;
            border-top-left-radius: 5px;border-top-right-radius: 5px">
            <h5 style="padding-top: 7px;padding-left: 7px;margin-top: 0px;font-family: Monaco, monospace, sans-serif;font-size: 12px;color: #000000;">
                Question:
            </h5>
        </div>
        <div style="text-align: center;margin-top: 7px">
            <textarea id="issuesum" tabindex="1" title="Description"
                      style="box-sizing: border-box;width: 623px; height: 115px; resize: none;margin-bottom: 2px"></textarea>
            <input name="save" type="button" value="Save"
                   style="float: left;height: 26px;margin-left: -1px;width: 58px;"/>
            <input name="cancel" type="button" value="Cancel" onclick="" style="float: right;height: 26px;
                       margin-right: -1px;width: 58px"/>
        </div>
    </div>
    <div id="dock" style="visibility: hidden;">
        <div id="toolbar" style="margin-top: -3px">
            <div class="vote-btn-open" title="Open"></div>
            <div class="vote-btn-up" title="Vote Up"></div>
            <div class="vote-btn-down" title="Vote Down"></div>
            <div class="vote-btn-edit" title="Edit"></div>
        </div>
        <div id="toolbar2">
            <div class="vote-btn-up" title="Vote Up"></div>
            <div class="vote-btn-down" title="Vote Down"></div>
            <div class="vote-btn-edit" title="Edit"></div>
{#            <div class="vote-btn-check" title="Mark As Correct"></div>#}
        </div>
        <div id="comments-bar">
            <div style="background-color: #acc9d9;font-size: 14px;border-top-left-radius: 5px;border-top-right-radius: 5px">
                <h4 style="padding-bottom: 5px;padding-top: 5px;margin-top: 0px;font-family:  Monaco, monospace, sans-serif;font-size: 12px">Answers:</h4>
            </div>
            <div id="comments-list" style="width: 100%; text-align: left;margin-top: -16px;max-height: 400px;overflow-y: auto;">
            </div>
            <div id="ans-editor" style="margin-left: 5px;margin-right: 5px;padding-bottom: 28px;border-top: 1px">
                <input name="aid" type="hidden" value=""/>
                <h5 style="margin:0px;margin-top: 5px;margin-bottom: 4px;text-align: left;font-size: 11px;font-family: Monaco, monospace, sans-serif">Add yours:</h5>
                <textarea style="box-sizing: border-box;width: 389px; height: 1px; margin-bottom: 3px;">
                </textarea>
                <input name="save"  type="button" value="Save" style="float: left;margin-left: -1px;height: 23px;width: 58px;"/>
                <input name="cancel" type="button" value="Cancel" style="float: right;margin-right: -1px;height: 23px;width: 58px;"/>
            </div>
        </div>
    </div>
    <div class="jqmWindow" id="rating" style="margin-top: -120px">
    </div>
</div>
<script type="text/javascript" src="/static/scripts/main.js">
</script>
</body>

</html>